<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/8/24 0024
  Time: 19:25
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<% String path = request.getContextPath();%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<style>
    #hide{
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        position: fixed;
        background-image: url("<%=path%>/static/web/css/img/overlay.png");
        opacity: 1;
        z-index: 100;
        display: none;
    }
    #hide #mes{
        margin: 0;
        padding: 0;
        width: 50%;
        height: 70%;
        position: absolute;
        left: 25%;
        top: 15%;
        z-index: 120;
        border: #3a3a3a 8px solid;
        background-color: #cccccc;
    }
    #hide #mes #header{
        margin: 0;
        padding: 0;
        background-color:#019875;
        height: 50px;
        z-index: 150;
        color: white;
    }
    #hide #mes #header #but{
        position: relative;
        background-image: url("<%=path%>/static/web/css/img/controls.png");
        width: 30px;
        height: 30px;
        float: right;
        border:#019875 0px solid;
    }
    #hide #mes #header #but:hover{
        cursor: pointer;
    }
    #hide #mes #header #title{
        font-size: 25px;

    }
    #hide #mes div {
        margin-top: 10px;
        padding: 0;
        height: 50px;
        z-index: 150;
        color: #0C0C0C;
        font-size: 20px;
    }
    #images img{
        width: 80px;
        height: 80px;
        border-radius: 50%;
    }
</style>
<script>
    $(function () {
        $("#but").click(function () {
            $("#hide").css("display","none");
        });
    });
</script>
<div id="hide">
    <div id="mes">
        <div id="header">
            <span id="title">详细信息</span>
            <button id="but"></button>
        </div>
        <div id="detailed">
            <span style="margin-left: 10px">注册名:&nbsp;${requestScope.userinfo.username}</span>
            <span style="margin-left: 40px">用户名:&nbsp;${requestScope.userinfo.name}</span>
            <span style="margin-left: 40px">性别:&nbsp;${requestScope.userinfo.sex}</span>
            <span style="margin-left: 40px">email:&nbsp;${requestScope.userinfo.email}</span>
        </div>
        <div id="like">
            <span style="margin-left: 10px">生日:&nbsp;<fmt:formatDate value="${requestScope.userinfo.birthday}" pattern="yyyy-MM-dd"></fmt:formatDate></span>
            <span style="margin-left: 40px">民族:&nbsp;${requestScope.userinfo.nations.nationName}</span>
            <span style="margin-left: 40px">婚姻状态:
                <c:if test="${requestScope.userinfo.married eq true}">
                    已婚
                </c:if>
                <c:if test="${requestScope.userinfo.married eq false}">
                    未婚
                </c:if>
            </span>
            <span style="margin-left: 40px">政治面貌:&nbsp;${requestScope.userinfo.politicalStatus.titlle}</span>
        </div>
        <div id="education">
            <span style="margin-left: 10px">毕业院校:&nbsp;${requestScope.userinfo.shool}</span>
            <span style="margin-left: 60px">专业:&nbsp;${requestScope.userinfo.professional}</span>
        </div>
        <div>
            <span style="margin-left: 10px">学历:&nbsp;${requestScope.userinfo.degree.title}</span>
            <span style="margin-left: 40px">籍贯:&nbsp;${requestScope.userinfo.nativePlace}</span>
            <span style="margin-left: 40px">联系方式:&nbsp;${requestScope.userinfo.telephone}</span>
        </div>
        <div>
            <span style="margin-left: 10px">投递数量:&nbsp;${requestScope.userinfo.nowResumeCount}</span>
            <span style="margin-left: 40px">订阅数据:&nbsp;${requestScope.userinfo.subscribeCount}</span>

        </div>
        <div>
            <span style="margin-left: 10px">注册时间:&nbsp;<fmt:formatDate value="${requestScope.userinfo.inputTime}" pattern="yyyy-MM-dd"></fmt:formatDate></span>
        </div>
        <div id="images">
            <span style="margin-left: 10px">头像:&nbsp;<img src="<%=path%>/static/uploadImg/${requestScope.userinfo.headImage}"></span>
        </div>
    </div>
</div>

